<template>
  <div class="allbox_fancy">
    <div class="Fancy_top">
      <span class="titleText">奇思妙想</span>
      <a href=" " class="more">查看更多>></a>
    </div>
    <div class="Img_box_Fancy">
      <img
        :src="imgUrl1"
        alt=""
        class="Img_1"
      />
      <div class="Two_img_box_Fancy">
        <img
          :src="imgUrl2"
          alt=""
          class="Img_2"
        />
        <img
          :src="imgUrl3"
          alt=""
          class="Img_3"
        />
      </div>
      <img
        :src="imgUrl4"
        alt=""
        class="Img_4"
      />
      <img
        :src="imgUrl5"
        alt=""
        class="Img_5"
      />
      <div class="Two_img_box_Fancy_left">
        <img
          :src="imgUrl6"
          alt=""
          class="Img_6"
        />
        <img
          :src="imgUrl7"
          alt=""
          class="Img_7"
        />
      </div>
      <img
        :src="imgUrl8"
        alt=""
        class="Img_8"
      />
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return{
      imgUrl1:'https://t9.baidu.com/it/u=86853839,3576305254&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1594573534&t=b74bdee8dca89a8d3c4820c647878f6a',
      imgUrl2:'https://t9.baidu.com/it/u=1307125826,3433407105&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1594573534&t=e0c8f25ec07ddbffa482bb48602b4c8c',
      imgUrl3:'https://t9.baidu.com/it/u=1307125826,3433407105&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1594573534&t=e0c8f25ec07ddbffa482bb48602b4c8c',
      imgUrl4:'https://t9.baidu.com/it/u=1307125826,3433407105&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1594573534&t=e0c8f25ec07ddbffa482bb48602b4c8c',
      imgUrl5:'https://t9.baidu.com/it/u=1307125826,3433407105&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1594573534&t=e0c8f25ec07ddbffa482bb48602b4c8c',
      imgUrl6:'https://t9.baidu.com/it/u=1307125826,3433407105&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1594573534&t=e0c8f25ec07ddbffa482bb48602b4c8c',
      imgUrl7:'https://t9.baidu.com/it/u=1307125826,3433407105&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1594573534&t=e0c8f25ec07ddbffa482bb48602b4c8c',
      imgUrl8:'https://t9.baidu.com/it/u=1307125826,3433407105&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1594573534&t=e0c8f25ec07ddbffa482bb48602b4c8c',
    }
  }
};
</script>

<style scoped>
.allbox_fancy {
  width: 93%;
  float: left;
  margin-top: 30px;
}
.Fancy_top {
  width: 100%;
  height: 60px;
  background: white;
}
.titleText {
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
  font-size: 18px;
  font-weight: normal;
  color: #333;
  overflow: hidden;
}
.more {
  line-height: 50px;
  padding: 0 16px;
  /* font-size: 18px; */
  font-weight: normal;
  color: #ea544a;
  overflow: hidden;
  padding-left: 80%;
}
.Img_box_Fancy {
  margin-top: 30px;
  width: 100%;
}
.Img_1 {
  float: left;
  width: 65%;
  height: 270px;
}
.Img_2 {
  height: 130px;
  width: 100%;
}
.Img_3 {
  height: 130px;
  width: 100%;
  margin-top: 7px;
}
.Two_img_box_Fancy {
  width: 19%;
  height: 270px;
  float: left;
  margin-left: 1%;
}
.Img_4 {
  width: 14%;
  float: left;
  margin-left: 1%;
  height: 270px;
}
.Img_5 {
  width: 14%;
  float: left;
  height: 270px;
  margin-top: 10px;
}
.Img_6 {
  float: left;
  height: 130px;
  width: 100%;
}
.Img_7 {
  float: left;
  height: 130px;
  width: 100%;
  margin-top: 10px;
}
.Two_img_box_Fancy_left {
  margin-top: 10px;
  width: 48%;
  height: 270px;
  float: left;
  margin-left: 1%;
}
.Img_8 {
float: left;
    width: 36%;
    margin-top: 10px;
    margin-left: 1%;
    height: 270px;
}
</style>
